<%-- 
    Document   : registo
    Created on : 14/Jan/2012, 14:22:29
    Author     : sexta13
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>RSS Agregator</title>
        <link type="text/css" href="<s:url value="/stylesheets/common.css"/>" rel="stylesheet" />
        <link type='text/css' href="<s:url value="/stylesheets/basic.css"/>" rel='stylesheet' media='screen' />
        <link type='text/css' href="<s:url value="/stylesheets/jquery-ui-1.8.17.custom.css"/>" rel='stylesheet' media='screen' />

    </head>
    <body>
        <div id="simplemodal-overlay" class="simplemodal-overlay" style="opacity: 0.5; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1001;"></div>
        <div id="simplemodal-container" class="simplemodal-container" style="height: 231px;left: 40%;position: fixed;top: 25%;width: 321px;z-index: 1002;">
            <div tabindex="-1" class="simplemodal-wrap" style="height: 100%; outline: 0px none; width: 100%; overflow: visible;">
                <div id="registo" class="simplemodal-data" style="">
                    <s:form id="loginForm" action="RegistoUtilizadorAction">
                        <table>
                            <tr>
                                <td>Nome</td>
                                <td><s:textfield  cssClass="inputRegisto" name="nome" id="nome" /></td>      
                            </tr>
                            <tr>
                                <td>Sexo</td>
                                <td><s:radio id="genero" name="genero" label="gendero" list="{'Masculino','Feminino'}" /></td>
                            </tr>
                            <tr>
                                <td>E-mail</td>
                                <td><s:textfield  cssClass="inputRegisto" name="email" id="email" /></td>                    
                            </tr>
                            <tr>
                                <td>Data de nascimento</td>
                                <td><s:textfield  cssClass="inputRegisto" name="dataNascimento" id="dataNascimento" /></td>                    
                            </tr>
                            <tr>
                                <td>Nome de utilizador</td>
                                <td><s:textfield cssClass="inputRegisto" name="nomeUtilizador" id="nomeUtilizador" /></td>
                            </tr>
                            <tr>
                                <td>Senha</td>
                                <td><s:password  cssClass="inputRegisto" name="senha" id="senha" /></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="right"><s:submit label="Registar"/></td>
                            </tr>
                        </table>
                    </s:form>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="<s:url value="/js/libs/jquery-1.7.1.min.js" />"></script>
        <script type="text/javascript" src="<s:url value="/js/libs/jquery-ui-1.8.17.custom.min.js"/>"></script>        
      <!--        <script type="text/javascript" src="<s:url value="/js/libs/jquery.simplemodal.1.4.2.min.js"/>"></script> -->
        <script type="text/javascript" src="<s:url value="/js/libs/jquery.ui.datepicker-pt.js"/>"></script>
        <script>
            $(document).ready(function() {
                $(function() {
                    $( "#dataNascimento" ).datepicker({
                        dateFormat: 'dd-mm-yy',
                        closeText: 'X',
                        yearRange: '1950:2050',
                        defaultDate: "today",
                        changeMonth: true,
                        numberOfMonths: 1,
                        changeYear: true
                    });
                });     
            });
        </script>
    </body>
</html>
